<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.org/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title><ui:insert name="title">Default Title</ui:insert></title>

        <h:outputStylesheet name="/css/stile.css" />
    </h:head>
    <h:body>
        <div class="container">
            <h:link outcome="#{navigationBean.redirectToPersonalPage()}">
                <h:graphicImage library="images" name="logoBianco.png" width="265" height="85" />
            </h:link>
        </div>
        <div class="button">
            <h:link value="+ create new event" outcome="#{navigationBean.redirectToNewEventPage()}" />
        </div>

        <div class="box">
            <div class="laterale">
                <div id="menuinfo"> MY PROFILE</div>  
            </div>


            <div class="laterale">   
                <div id="menuinfo">
                    <h:outputText value="#{loginBean.user.name} #{loginBean.user.surname}" /> <br />
                    <h:outputText value="#{loginBean.user.nickname}" /> <br />
                    <h:outputText value="►" /> <h:link value="settings" outcome="#{navigationBean.redirectToSettingsPage()}"  />
                </div>
            </div>

            <div class="laterale">
                <h:link value="NOTIFICATIONS #{personalPageBean.weatherNotifications.size()} - #{personalPageBean.invitationsPending.size()}"  outcome="#{personalPageBean.updateNotification()}"  />  
            </div>

            <div class="laterale">
                <h:link value="SEARCH FRIENDS" outcome="#{navigationBean.redirectToSearchFriendsPage()}"  /> 
            </div>

            <div class="laterale">
                <h:link value="PAST EVENTS" outcome="#{navigationBean.redirectToPastEventsPage()}"  />  
            </div>

            <div class="laterale">
                <h:link value="DECLINED EVENTS" outcome="#{navigationBean.redirectToDeclinedEventsPage()}"  />  
            </div>
        </div>
<div class="sfondoVerticale" style="background-image:url(#{resource['images/sfondoVerticale.png']}); 
             height: 80%; width: 100%;"> 
        <div class="centrale" >
            
            <div class="titolo">
                <div id="titFont"><ui:insert name="titlePag">Default Title</ui:insert></div>  
            </div>
           
            <ui:insert name='content'>content</ui:insert>

            </div> </div>
      
        

    </h:body>
</html>

